<template>
  <view class="info-card">
    <view class="info-top">
      <a-title border>{{ title }}</a-title>
    </view>
    <view class="info-cont">
      <slot></slot>
    </view>
    <view v-if="showBtmBtns" class="info-btm-btns">
      <slot name="btmBtns"></slot>
    </view>
  </view>
</template>

<script>
export default {
  name: 'InfoCard',
  components: {},
  mixins: [],
  props: {
    title: String
  },
  data () {
    return {}
  },
  computed: {
    showBtmBtns () {
      return this.$scopedSlots.btmBtns
    }
  },
  methods: {
  }
}
</script>

<style lang="less">
.valueMixin() {
  font-size: 30rpx;
  font-weight: 500;
  color: #333;
}
.info-card{
  background: #fff;
  border-radius: 20rpx;

  .info{
    &-top{
      position: relative;
    }
    &-btm-btns{
      padding: 15rpx 20rpx;
    }
  }
}
</style>